@import '@/styles/color';
@import '@/styles/token';

// 文件路径头部
.filePathHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: @colorBgContainer;
  border-bottom: @lineWidth solid @colorBorder;
  padding: 8px 12px;

  .filePathInfo {
    display: flex;
    align-items: center;
    gap: 8px;
    color: @colorTextBase;
    font-size: @fontSizeSm;

    // .fileIcon {
    //   font-size: 16px;
    //   color: #3b82f6;
    // }

    .filePath {
      font-family: @fontFamilyCode;
      // background: @colorPrimaryBg;
      padding: 2px 8px;
      border-radius: @borderRadiusSm;
      // color: @colorPrimary;
    }

    // .fileLanguage {
    //   font-size: 12px;
    //   color: #64748b;
    //   background: rgba(100, 116, 139, 10%);
    //   padding: 2px 6px;
    //   border-radius: 3px;
    //   margin-left: 8px;
    // }

    .modifiedIndicator {
      font-size: @fontSizeSm;
      color: @colorWarning;
      background: @colorWarningBg;
      padding: 2px 6px;
      border-radius: @borderRadiusSm;
      font-weight: @fontWeightStrong;
      animation: pulse 2s infinite;
    }

    @keyframes pulse {
      0%,
      100% {
        opacity: 1;
      }

      50% {
        opacity: 0.7;
      }
    }
  }

  .fileActions {
    display: flex;
    gap: 8px;
  }
}

// 暗色主题支持
// [data-theme='dark'] {
//   .filePathHeader {
//     background: var(--xagi-color-bg-container);
//     border-bottom-color: var(--xagi-color-border);

//     .filePathInfo {
//       color: var(--xagi-color-text);
//     }
//   }
// }
